<!DOCTYPE html>
<html>
<head>
    <title>模具单台成本统计</title>
    #parse("sys/header.html")
    <style>
        .ui-jqgrid {
            width: 88%;
            float: right;
        }
        .sugon_upload_btn {
            display: -webkit-inline-box;
            display: inline-block;
        }
        ::-webkit-scrollbar{
            width: 10px;
            height: 10px;
        }
        ::-webkit-scrollbar-thumb{
            border-radius: 10px;
            -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
            background: #a8a5a5;
        }
        .chartContent{
            width: 1378px;
            height:600px;
            padding: 40px;
            border: 1px solid #000
        }
    </style>
</head>
<body>
<div id="rrapp" v-cloak>
    <div v-show="showList">
        <Row :gutter="16" style="margin: 8px 0px 0px 1px">
            <div class="search-group">
                <i-col span="3">
                    <Date-picker  v-model="q.yearly" type="year"  placeholder="请选择年份"></Date-picker >
                </i-col>
                <i-button @click="query">查询</i-button>
                <i-button @click="reloadSearch">重置</i-button>
            </div>
        </Row>
        <Row :gutter="16" style="margin: 3px 0px 0px 0px;">
            <div class="buttons-group">
                #if($shiro.hasPermission("devmaintenplan:save"))
                <i-button type="info" @click="seeEchart"><i class="fa fa-bars"></i>&nbsp;查看图表</i-button>
                #end
            </div>
        </Row>
       <div style="padding: 10px">
           <div style="height: 85vh;width:10%;overflow:auto;float:left;">
               <p class="text-center" style="font-size: 15px;">模具类型</p>
               <div id="storeLayer">
                   <ul id="typeTree" class="ztree"></ul>
               </div>
           </div>
           <div>
              <div>
                  <table id="jqGrid"></table>
              </div>
           </div>
       </div>
    </div>
    <div v-show="showChart" id="deptLayer">
        <div style="padding: 10px" >
            <div id="container" class="chartContent"></div>
        </div>
    </div>
</div>
<script src="${rc.contextPath}/statics/plugins/echarts/echarts.min.js"></script>
<script src="${rc.contextPath}/js/module/moldUnitCostStat.js?_${date.systemTime}"></script>
</body>
</html>

